<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>


    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Nueva Finca</title>
        <link href="/css/style.css" rel="stylesheet" type="text/css" />
       <script language=" JavaScript" type="text/javascript">

            function comprobarcamposobligatorios(){
                var p= document.getElementsByName("nombre");
                var q= document.getElementsByName("capacidad");
                var r= document.getElementsByName("correo");
                if(p[0].value == 0 ||q[0].value == 0 ||r[0].value == 0 ){
                    alert("Introduce los campos obligatorios");
                    return false;
                }
            }
            </script>
    </head>

    <body >
        <h1>
            <form action="/adminSecured/listadof">
                <input type="image" src="/stylesheets/fondo_admin.jpg" >
            </form>

            <br>
            <center>Nueva finca</center>
        </h1>


        <form action="/adminSecured/crear_finca" method="get">
            <div id="centrado3">
                <table>
                    <tr>
                        <td>
                            <fieldset>
                                <legend><b>Información</b></legend>
                                <table>
                                    <tr>
                                        <td>*Nombre:</td>
                                        <td><input name="nombre" type="text"></td>

                                    </tr>
                                    <tr>
                                        <td> *Capacidad:</td>
                                        <td><input type ="text" name="capacidad"</td>
                                    </tr>
                                    <tr>
                                        <td>Teléfono:</td>
                                        <td> <input type="text" name="telefono"></td>
                                    </tr>
                                    <tr>
                                        <td>*Correo Electrónico:</td>
                                        <td><input type="text" name="correo"></td>
                                    </tr>

                                    <tr>
                                        <td>Comentarios:</td>
                                        <td><textarea name="comentarios" rows="3" cols="60"></textarea></td>
                                    </tr>

                                </table>
                                <br>
                                (*Campos obligatorios)    <input type="submit" value="Enviar"  onclick="comprobarcamposobligatorios();">

                            </fieldset>
                        </td>
                    </tr>
                </table>
            </div>
        </form>

    </body>
</html>